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(57) The present invention provides an automatic 
preparation system for digital content for preparing pre- 
determined digital contents, which uses descriptive lan- 
guage of HTML or other protocols and performs 
automatic preparation by optimizing disposition of dis- 
play elements having suitability and feature in relation to 
layout using menu page automatic preparation means 
(2) and commodity page automatic preparation means 
(2). The menu pages and the commodity pages include 
data base with information on commodities accumu- 
lated on it (such as information on commodity name, 
standards, photographs, graphics, etc.) and hierar- 
chized classified information. 
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Description 



TECHNICAL FIELD 



[0001] The present invention relates to a digital contents preparation system, and in particular, to a preparation sys- 
tem for preparing digital contents such as electronic catalog, CD(compact disk)-ROM, etc. via on-line system including 
WWW (world wide web) on Internet, personal computer communication, etc. 



w 



BACKGROUND ART 



[0002] With rapid propagation of personal computers and Internet, commercial dealings via network called "on-line 
shopping" are now rapidly and widely propagated. In the on-line shopping, a summarized list of commodities is dis- 
played on home page, or catalog of commodities is offered to customers as electronic data. In the past, home pages 
for such on-line shopping or digital contents such as electronic catalogs have been prepared by manual preparation 
is method or dynamic preparation method according to data base. In the former method, individual pages are prepared 
manually, and the data is organized by manually preparing menu pages linked to the individual pages. In the latter 
method, users are asked to input retrieval key words on home page, retrieval system on the background is operated by 
CGI (common gateway interface), and a summarized page of commodities or the like and linked pages displaying com- 
modities are generated each time in response to the retrieval result. 
20 [0003] In the manual preparation method, a large number of pages are prepared manually, and this requires much 
labor and cost Also, it is necessary to conf irm that the linking is correctly executed, and this requires much more labor 
and cost. In case of maintenance such as change of the recorded commodities, much labor is needed, and it is difficult 
to update in speedy manner, and erroneous linking was also unavoidable in many cases. 

[0004] On the other hand, in the manual preparation method, layout and background data such as commodity name, 
25 commodity specification, price, photograph, etc. are designed to match each individual commodity, and commodity 
pages with high retroactive effect can be prepared. Also, this is advantageous in that the burden on the servers is low. 
and relatively small server can cope with the situation where a large number of users try to gain access at the same 

time. . _ 

[0005] In the dynamic preparation method according to data base, user inputs retrieval conditions such as commodity 

30 name, commodity classification, price range, etc. on a retrieval page, and clicks a retrieval start button to give retrieval 
instruction. Then, a retrieval system connected with that page by CGI retrieves data base. Based on the retrieval result, 
a summarized page of commodities and commodity display page linked with it are generated each time. This dynamic 
preparation method according to data base is advantageous in that the information on a large number and a wide vari- 
ety of commodities and the like can be offered, while it has problems in that expression effect and retroactive effect of 

35 commodity images are low because the format of the commodity display pages is fixed and limited. Also, the retrieval 
system and commodity page generating system give heavy burden on server and these systems must be started each 
time when the user gives retrieval instruction and display instruction. For this reason, response may be delayed when 
a large number of users try to gain access at the same time or trouble may occur on the system (problem of excessive 
burden on the server). In this respect, in case of a system where simultaneous access of a large number of users is 

40 expected, a server with higher capacity must be available. 

DISCLOSURE OF THE INVENTION 

[0006] To overcome the above problems, it is an object of the present invention to provide an automatic preparation 
45 system, by which H is possible to automatically prepare digital contents for retrieval and display of a large number and 
a wide variety of commodities and to prepare commodity pages full of variety and having high retroactive effect. Also, it 
is another object of the invention to provide an automatic preparation system, by which it is possible to offer services to 
a large number of users via a relatively small server. Further, it is still another object of the present invention to provide 
an automatic preparation system, by which it is possible to reduce labor and other costs compared with the conven- 
so tional system in case the same number of pages are prepared, it is still another object of the invention to provide an 
automatic preparation system for digital contents, by which it is possible to prepare contents to cope with not only with 
a single protocol but also with a plurality of protocols. 

[0007] To attain the above objects, the present invention provides an automatic preparation system for digital content 
for preparing predetermined digital contents, which uses descriptive language of HTML or other protocols and performs 
55 automatic preparation by optimizing disposition of display elements having suitability and feature in relation to layout 
using menu page automatic preparation means and commodity page automatic preparation means. The menu pages 
and the commodity pages include data base with information on commodities accumulated on it (such as information 
on commodity name, standards, photographs, graphics, etc.) and hi rarchized classified information. 
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[0008] Specifically, the present invention provides an automatic preparation system for digital contents, which com- 
prises 

means for using descriptive language of HTML or other protocols for information processing in the preparation of 
digital contents including characters and images; 

means for accepting and storing data showing features of the image portion and/or suitability in relation to layout 
on screen; and 

means for reading the data showing features of the image portion and/or suitability in relation to layout on screen 
and for optimizing disposition using the data when disposing the image portion on screen. 

[0009] Further, the present invention provides an automatic preparation system for digital contents, which comprises 



means for using descriptive language of HTML or other protocols for information processing; 
automatic preparation means for menu pages; 
is automatic preparation means for commodity pages; and 

means for optimizing disposition of display elements having suitability and/or features in relation to layout on screen 
in association with the menu page automatic preparation means and the commodity page automatic preparation 
means. 

20 [001 0] Also, the present invention provides a recording medium, which comprises digital contents automatically pre- 
pared by optimizing disposition of image portion on screen when digital contents including character and image por- 
tions are prepared, whereby descriptive language of HTML or other protocols is used for information processing, and 
data showing feature of the image portion and/or suitability in relation to layout on screen is used. 

25 BRIEF DESCRIPTION OF THE DRAWINGS 
[0011] 

Fig. 1 is a block diagram showing a system 1, which provides an electronic catalog of a bookstore in two modes, 
30 j. e> via WWW on Internet and CD-ROM, according to an embodiment of the present invention; 
Fig. 2 represents hierarchies from menu pages to book pages; 

Fig. 3 is a flowchart of a book page in the processing of an automatic preparation system in an embodiment of the 
present invention; 

Fig. 4 shows an example of layout of a book page which has a cover page image; 
35 Fig. 5 shows a book template in the present embodiment; 
Fig. 6 shows a display element correspondence table; 

Fig. 7A and Fig. 7B each represents a HTML template and a HTML document with data incorporated in it; 

Fig. 8 represents a screen image of a template file with no photographic image; 

Fig. 9 is a flowchart showing a part continued to the flowchart of Fig. 3; 
40 Fig. 1 0 is a flowchart showing a part continued to the flowchart of Fig. 9; 

Fig. 1 1 represents a book data base in the present embodiment; 

Fig. 1 2 is a flowchart showing a part continued to the flowchart of Fig. 10; 

Fig. 13 shows an arrangement of major classification codes and minor classification codes; 

Fig. 1 4 shows file names on a major classification menu page and a minor classification menu page; 
45 Fig. 1 5 shows an arrangement of file names on a major classification menu page; 

Fig. 1 6 shows a screen image and a document source of a template file on a major classification menu page; 

Fig. 17 is a flowchart in case the major classification menu page of the present embodiment is automatically pre- 
pared; 

Fig. 1 8 is a flowchart of a part continued to the flowchart of Fig. 17; 
so Fig. 1 9 shows a screen image and a document source of a template file of a minor classification menu page; 
Fig. 20 is a flowchart in case the minor classification menu page is automatically prepared; 
Fig. 21 is a flowchart of a part continued to the flowchart of Fig. 20; 

Fig. 22 shows a flowchart in case individual minor classification book menu pages are prepared; 
Fig. 23 represents a code table continued to that of Fig. 13; 
55 Fig. 24 is a flowchart to prepare a book menu file; 

Fig. 25 shows a screen image and a document source of individual minor classification book menu page; 
Fig. 26 shows a data base retrieval screen and its operation; 
Fig. 27 is a flowchart showing data base retrieval processing; 
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Fig. 28 is a flowchart showing process of automatic preparation f a retrieval result menu; 
Fig. 29 is a block diagram showing a system 20. which provides an electronic catalog of clothings in two modes, 
Le. via WWW n Internet and via telephone network according to an embodiment of the present invention; 
Fig. 30 shows preparation of a custom template; 
Fig. 31 is a drawing continued to Fig. 29; 
Fig. 32 is a drawing continued to Fig. 30; 
Fig. 33 is a flowchart in the preparation of a commodity page; 
Fig. 34 is a flowchart showing a part continued to the flowchart of Fig. 32; 
Fig. 35 shows an arrangement of commodity pages and disposition of images; 

Fig. 36 represents examples of templates showing optimal disposition depending on amount of display elements; 
Fig. 37 shows a screen layout in a third embodiment of the present invention; and 
Fig. 38 is a drawing to explain a synthetic method in a fourth embodiment of the present invention. 

LEGEND OF THE SYMBOLS 

15 [0012] 1 ■ A system for providing an electronic catalog of books in two modes, i.e. WWW on Internet and CD-ROM; 7: 
Internet; 8: CD-R writer; 9: disk; 10: book data base; 10A: clothing data base; 1 1 : contents; 13: HTTPD (WWW server 
program); 14: automatic preparation program; 15: book data base retrieval system; 15A: clothing data base retrieval 
system- 16: template; 17: personal computer communication host program; 18A and 18B: modems; 20: a system for 

20 providing shopping information of clothings in two modes, i.e. WWW on Internet and telephone network using modems. 

BEST MODE FOR CARRYING OUT THE INVENTION 

[0013] In the following, description will be given on the preferred embodiments of the present invention referring to the 
25 attached drawings. 

(1) 1st embodiment 

[0014] In a first embodiment of the present invention, description will be given on a case where an electronic catalog 

30 is prepared by automatic preparation of book data base. In this embodiment, information of the objects to be offered 
such as commodities, article information, phenomena, etc. are collectively called "commodity*. 
[001 5] Fig. 1 is a block diagram showing a system 1 , which provides an electronic catalog of books according to the 
embodiment of the invention offered in three modes, i.e. via WWW on Internet, via graphic personal computer commu- 
nication using RIPscrip, which is a multi-media communication language, and further, via CD-ROM. In this system 1 , 

35 there are provided three methods: a method to refer to an electronic catalog of books on Internet via on-line system, a 
method to refer to it via personal computer communication, and a method to refer to H on user's personal computer 
using CD-ROM. A central processing unit (CPU) 2 comprises a system control circuit, which controls the entire opera- 
tion of the system 1 providing an electronic catalog of a bookstore in three modes, i.e. via WWW on Internet, graphic 
personal communication, and CD-ROM. 

AO [0016] The system 1 comprises a CPU 2. a memory 3. a console 4, a CD-ROM writer, a hard disk 9. and other storage 
devices 1 0, 1 1 , 1 6, etc., and it is connected to Internet or to public telephone line via a router 6 or two modems 1 8A and 
18B. The memory 3 reads an operating system (OS) 12 in the hard disk 9 when the CPU 2 is started, and it is used as 
a working area when the CPU 2 is operated. It is used to read program and data from the hard disk 9 or from the book 
data base 10 and to perform various types of processing. Commodity data base contains information such as commod- 

45 ity name, standards, photographs, graphics, etc. 

[001 7] The console 4 is used for the control of the entire system and is also used for giving instructions to run an auto- 
matic preparation program 14 via a keyboard 5 or for inputting new data to the book data base 10. 
[0018] The router 6 is a device to connect the system 1 to Internet 7 via a dedicated line. Internet 7 serves as a route 
to provide information to a number of external users via one-line system. Two modems 18A and 18B are used by the 

so user to gain access to a personal computer communication host via public telephone line. 

[001 9] The CD-R writer 8 is used to write contents data. The hard disk 9 is used to store a program for starting per- 
sonal computer and other various programs and as a working area when the system is operated. The book data base 
1 0 comprises book name. ISBN number, i.e. code number of the book, name of the author, date of the first edition, date 
f the revised edition, printing plate form, number of pages, bookbinding design, publisher's own classification, copy 

55 (phrase for publicity), comments, table of contents, half-wrapper, preface, cover page image, text image, date of record 
preparation, date of the last updating, etc., and these are retained in the hard disk 

[0020] The template 1 6 is a pattern form, which is used in combination with informati n of the book data base to pr - 
pare the contents. In the system 1 , it is prepared t match two protocols: HTML (hyp r t xt markup language) used in 
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WWW and RtP (remote imaging protocol; RIPscrip), which is a graphics communicati n languag to be used in per- 
sonal communication of ignored process. To meet the requirements to provide book data information, several patterns 
f the template 1 6 are prepared. Mor concretely, two patterns are prepared, i.e. a pattern with cover page imag and 
a pattern without cover page image. 

[0021 ] Here, brief description is given on RIP. RIP was developed by Telegraf ix in U.S. in 1 992. and the version 1 .54 
prepared in October 1993 has been widely used in personal computer communication in U.S. and it has been adopted 
in most of host programs for personal computer communication. At present, more than 50% of communication software 
of ignored process now commercially available in U.S. use RIP. 

[0022] Like NAPLPS, RIP is provided with such functions that graphics plotting command is sent from host side and 
the plotting command is interpreted at terminal side and is plotted on the screen. The difference from NAPLPS is that 
command description of RIP is concise and compact (30% compared with NAPLPS), and this increases the image 
transfer rate by three times. Also, RIP has mouse interface function which is not found in NAPLPS, and it is possible to 

easily prepare button and click area. 

[0023] In addition the language is characterized in that it has good network transmittance because it is described in 
ASCII code that it has a function for automatic download of graphics data, and that it can easily turn the system of con- 
ventional interactive menu type to that of graphics type. It is now planned to develop a new version of RIP in Japanese 

rO024] 9 As the materials relating to RIP. there are RIPscrip Graphics Protocol Specification (Japanese translation) and 
RIPscrip White Paper (Japanese translation). The former is easily available because it is registered in a file name of 
"RIPINFO.ZIP" in Niftyserve, CompuServe Corner, 6. Compu-Serve and International Communication Comer and data 
library 

[0025] In the digital contents (or simply referred as "contents") 11, book pages and menu pages described using 
HTML and RIP are stored. The OS 1 2 is a basic software (operating system) to operate computer system of the system 
1 HTTPD is a program for providing the contents described in HTML via Internet. The personal computer communica- 
tion host program 1 7 is a program to operate personal computer communication host station, which provides graphical 
book information described in RIP. to the user who gains access via public lines 19A and 19B. Automatic preparation 
program 1 4 prepares the contents 1 1 comprising book pages and book menu pages by incorporating book information 
recorded on book data base onto the template 1 6. The book data base retrieval system 15 is a system for retrieving the 
book data base 1 00 by key words, book name, etc. 

[0026] The automatic preparation program 14 prepares menu pages of major classification, and further prepares 
menu pages of minor classification and menu pages of books belonging to individual minor classification, and it is 
designed in such manner that menu pages in three hierarchies can be prepared. 

[0027] In addition to the function to prepare hierarchy menu, the automatic preparation program 14 is provided with 
the function to prepare book page to offer detailed information on various types of books. The function to prepare book 
page is such a function that the template 1 6 is selected according to presence or absence of display image data, and 
contents of book page are prepared by incorporating data (such as book name and author name kept in the record of 
the book data base) into the template. « . « , 

[0028] The automatic preparation program 1 4 is also provided with the function to cope with a multiple of protocols 
and to prepare the contents in HTML as well as in RIP. In this case, the data such as book name is incorporated from 
the record of the book data base to a RIP template, and the contents to be used by personal computer communication 
host program 1 7 are prepared. In case the protocol is in HTML, the contents prepared by the automatic preparation pro- 
gram 14 can be provided via Internet 7 and also in CD-ROM. In this case, a master CD-R is prepared using CD-R 
recorder. 

[0029] When the contents are automatically prepared, the automatic preparation program 14 automatically prepares 
for books except those already out of print. Also, the automatic preparation program 14 can perform differential updat- 
ing, i.e. it performs automatic preparation only for the record, which has been newly established after the previous auto- 
matic preparation, or only for the updated record. 

[0030] The book data base retrieval system 1 5 of the f irst embodiment has the function to retrieve by key words, clas- 
sification author name, and book name, and to prepare a summarized page summarizing the results of the retrieval. 
The summarized page of the retrieval results is linked to the book pages, which display detailed information. 
[0031] As described above, in the first embodiment there is provided a method to retrieve the desired book by two 
types of approaches for the user who gains access via WWW or personal computer communication based on the book 
page which provides detailed information on books. The first approach is to sequentially select hierarchical menus of 
major and minor classifications and to retrieve by book summary menu (hierarchical menu retrieval method). The sec- 
ond approach is to retrieve by key words such as book name, author name, classification, etc. and to utilize the book 
data base retrieval system and to retrieve by the summary page of retrieval results (data base retrieval method). 
[0032] Next, description will be given on operation of the system in the first embodiment. In the above arrangement, 
th automatic preparation program 14 prepares book pages and menu pages, and an electronic catal g of th book is 
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offered to a terminal equipment n on-lin system via Internet 7 or via telephone network by the prepared menu page. 
[0033] Fig 2 shows pages of each of the hierarchies prepared by the automatic pr paration program 1 4. Here, pages 
of four hi rarchies are prepared. In the first hierarchy, a major classification menu page is prepared. On this page, 2- 
digit classification codes and roughly selected classification names are given. Guidance information is displayed under 

5 the classification codes and classification names. In the second hierarchy, a minor classification menu page is pre- 
pared and 5-digit classification codes and classification names selected more elaborately than in major classification 
are given on this page. Guidance information is displayed under the classification codes and the classification names. 
[0034] In the third hierarchy, a book menu page of individual minor classification is displayed, and book codes and 
classification names are given on this page. Guidance information is displayed under the classification codes and the 

io classification names. On a book page of the fourth hierarchy, individual books are introduced, and menus, book names, 
author names. ISBN numbers, copies, comments, etc. are described. A photograph of the cover of the book is incorpo- 
rated as an image data. 

[0035] Fig. 4 shows a screen image of a book page, which contains images such as photographs, and Fig. 5 repre- 
sents HTML document corresponding to it. Fig. 4 represents a picture of contents, which have been prepared by apply- 

is ing the data of the book data base 1 0 to the template. When automatic preparation is performed, a predetermined data 
is incorporated to HTML template from the book data base as shown in Fig. 7B, and a complete HTML document is 
prepared In this manner, the contents of book pages with a constant format are automatically prepared. On this screen, 
header images such as "publication catalog of the publisher ; dictionary of Japanese language" or the like are dis- 
played. Next, bibliographical data such as date of registration, book name, ISBN number, author name, etc. and copies, 

20 comments, and cover page image of the book are displayed. 

[0036] Fig. 7A and Fig. 7B represent a HTML template and a template with the data incorporated in it respectively. 
Tags are entered on the HTML template, and the positions to enter book name, author name, etc. are specified. 
[0037] In contrast screen image of a book is shown in Fig. 8 in case there is no specific image such as photograph. 
HTML document is prepared in the same manner as described above, but there is no description of screen image. 

25 [0038] Fig 3 is a flowchart in case book pages are automatically prepared. In Fig. 3 and in the other flowcharts, the 
start of the processing is indicated by "START", and the end of the processing is indicated by "END", and each step of 
processing is given as a numbered "step". The processing proceeds from Step 1 to Step 2, and the system is started, 
and OS is loaded. In Step 3, the system is initialized, and the automatic preparation program 14 is started in Step 4. 
[0039] In Step 5, operator selects from the console whether the protocol is RIP or HTML. Next, in Step 6. a display 

30 element correspondence table is read. The display element correspondence table is as shown in Fig. 6. In this table, 
variable names are given, which indicate which of the data in the book data base of Fig. 10 should be incorporated at 
the position in the template such as @01. Here, four templates are prepared, i.e. those prepared by two protocols of 
RIP and HTML, and those with or without display image on book page. 

[0040] In Step 7, the date of the processing of previous automatic preparation, i.e. "previous processing date" is 
35 acquired. Next in Step 8, a loop counter to be used from Step 9 to Step 1 1 is set to 1 . In Step 9, it is judged whether 
processing has been terminated or not with respect to the total number of records (LOF). 

[0041] If the number of records thus read does not reach the total number of records in Step 9. it proceeds to Step 
1 1 . In Step 1 1 , automatic preparation processing of book page is performed to a record number i. The details of this 
processing will be described below referring to Fig. 9. 

AO [0042] Fig. 9 is a flowchart to show operation of the automatic preparation program 14 of the book page. At first, it 
proceeds from Step 1 2 to Step 1 3, and the record number i is read from the book data base to a memory 3. In Step 1 4. 
it is judged whether the book is cunently out of print or not In case "out of print flag" is 1 . it proceeds to Step 1 5. and 
the processing procedure is terminated. ^ 
[0043] In case it is judged as "not out of print" in Step 14, it proceeds to Step 16. and it is judged whether the record 

45 has been updated or not after the previous processing data based on the data of "record updating date". In case it is 
not updated, it proceeds to Step 17. and the processing procedure is terminated. 

[0044] In case the data has been updated after the previous processing date in Step 16, it proceeds to Step 18. In 
Step 18 it is judged whether there is image information in the data. 

[0045] ' In case there is image information in Step 18. it proceeds to Step 20, and a value of IMG="001" is set to a 
so variable, which sets presence or absence of the image data. In case there is no image information, it proceeds to Step 
19, and it is set to IMG="002" in the same manner. 

[0046] Next in Step 21, a template file already prepared is loaded by a template name, which has been selected 
according to whether the image data is present or not In Step 22. the data of each item in the book data base (18 items 
of the book data base are shown in Fig. 10) is applied to the corresponding item in the template file according to the 
55 display element correspondence table, and processing is performed as j= 1 to j-1 8. 

[0047] In Step 23, it is judged whether it has been written up to j*18 or not. In case j is less than 18 in Step 23, it 
proceeds to Step 26, and the contents data of the book page is prepared by incorporating the next display elem nt The 
detailed processing will be described below referring to Fig. 1 2. 
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[0048] Fig. 1 2 is a flowchart to show display lement incorporating module. When it proceeds from Step 27 to Step 
28, a variable name is acquired from the display element correspondence table shown in Fig. 6. Next, in Step 29, a 
value of variable (character string) corresponding to item name is substituted, and th processing procedure is termi- 
nated in Step 30. 

5 [0049] When the above procedure has been completed, it is turned to the procedure of Step 26 in Fig. 10, and the 
processing of Steps 22, 23 and 26 is reiterated until j is turned to 16. When j is read up to 16. it proceeds to Step 24. 
Contents file is written, and processing is terminated in Step 25. In this case, the contents file name of the book page 
is to be ISBN number + ".HTM", and rt is acquired in Step NM. When this procedure is completed, it is turned to Step 
1 1 in Fig. 3. and loop processing in Steps 9 and 1 1 is reiterated until i=1 to j=LOF (total number of records). Then, it 

w proceeds to Step 31 . and the data is updated, and processing is terminated in Step 32. By the above processing, the 
book page is prepared. 

[0050] Next, by running the menu page preparation program in the automatic preparation program 14, a menu page 
is prepared. The menu page comprises book menu pages of major classification, minor classification, and individual 
minor classification. 

75 [0051 ] Fig. 13 shows a major classification table and minor classification table of books. Book classification code com- 
prises 5 digits in total. Upper two digits indicate major classification, and the entire 5 digits represent minor classifica- 
tion. For example, a major classification code "01" represents "dictionary", and a minor classification code "01010" 
indicates "Japanese language dictionary" among the dictionaries. Further, a minor classification code "01020" indicates 
"English language dictionary" among the dictionaries. In this way, major classification and minor classification constitute 

20 a type of hierarchical structure. 

[0052] Fig. 1 4 gives description examples of file names of major and minor classifications. File name on the menu 
page of major classification is set to: BOOK. HTM. Minor classification menu pages corresponding to "01". "02", "03". 

of major classification codes are set to BOOK01 .HTM. BOOK02.HTM. BOOK03.HTM respectively. In case the 

protocol is RIP, HTM is replaced with RIP. 

25 [0053] Rg. 15 shows template file names and contents file names in major and minor classifications. Major classifi- 
cation template file is set to "BOOKMNU.HTM" if the contents are in HTML ft is set to "BOOKMNU.RIP" if the contents 
are in RIP. For the minor classification template file, a number is added as "BOOKMNU1.HTM" to discriminate from 
major classification file. 

[0054] Major classification contents file name is set to "MENU. HTM" if the contents are in HTML If the contents are 
30 in RIP. HTM is replaced with RIP. The subsequent minor classification contents file names are set to "MENU01.HTM", 

"MENU02.HTM". by adding major classification code number. If the contents are in RIP, HTM is replaced with RIP. 

[0055] Fig. 16 shows screen image of major classification, template file and HTML description. In the screen image, 

a title is first displayed, and a menu description with major classification code is displayed. Under the screen image, 

guidance information relating to the above display is given. 
35 [0056] In HTML description of menu line relating to each major classification, it is designed in such manner that HTML 

file name of the destination to be linked is set to @00, major classification code is set to @01 , and major classification 

name is set to @02. m m 

[0057] Fig. 1 7 is a flowchart in case menu page of major classification is automatically prepared. Here, it is assumed 
that the system has been already started. When it proceeds from Step 1 to Step 2, protocol is selected, and the oper- 
40 ator selects RIP or HTML from the console. In Step 3. template file of major classification menu is loaded. 

[0058] In Step 4. file name of major classification menu (such as MENU. HTM, etc.) is acquired. In Step 5, title descrip- 
tion part is outputted. _ 
[0059] In Step 6. the loop counter is initialized, and i is turned to 1 . First, in case i=1 . it proceeds to Step 7. and the 
menu is described by one line. Regarding this procedure, detailed description will be given below in connection with Fig, 

45 18. 

[0060] In Fig. 18, it proceeds from Step 8 to Step 9, and major classification code is described at "@01". In Step 10, 
major classification name is substituted at @02. In Step 11, menu is described by one line and is outputted. Then, it 
proceeds to Step 12. and the procedure is terminated. 

[0061] Here, returning to Step 7 in Rg. 17, it proceeds to Step 13, and it is judged whether it has been described up 
so to i=EOF. If i=EOF is not yet reached. 1 is added to i, and it goes back to Step 7, and the menu is described by one line 
again. When i=EOF is reached, it proceeds to Step 15. and guidance display on the menu page is outputted. Subse- 
quently, the file is closed in Step 16, and the procedure is terminated in Step 17. In this way, the menu page of major 
classification is prepared. 

[0062] Fig. 19 shows screen image of minor classification template file and HTML document In the screen image, 
55 the title is displayed at first, and menu descriptions with minor classification codes are displayed. Under the screen, 
guidance information relating to the above display is shown. 

[0063] In HTML document, HTML file name of the destination to be linked is given at ©00 so that it is linked to book 
page. Minor classification code is set to @01 , and minor classification name is set to @02. 
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[0064] Fig. 20. is a flowchart in case minor classification menu page is automatically prepared. Here, H is assumed 
that the system has been already started. When it proceeds from Step 18 to Step 19, protoc I is sel cted, and it is 
selected whether it is RIP or HTML In Step 20, minor classification t mplate file is loaded. 

[0065] In Step 21 , minor classification f il name (such as MENU01010.HTM) is required. In Step 22, title description 
5 part is outputted. 

[0066] In Step 23. the loop counter is initialized so that i=1. First, when i=1, it proceeds to Step 24. and menu is 
described by one line. On this procedure, detailed description will be given below referring to Fig. 21. 
[0067] In Fig. 21 , it proceeds from Step 26 to Step 27. and file name of the destination to be linked is given at <2>00 
so that rt is linked to book page. In Step 28, minor classification code is substituted to "@01 ". In Step 29, minor classi- 
io fication name is substituted to @02. In Step 30. menu is described by one line and it is outputted. Turning to Step 31 , 
the procedure is terminated. 

[0068] Here, going back to Step 24 in Fig. 20, it proceeds to Step 25, and H is judged whether it has been described 
up to i=EOF. If i=EOF is not yet reached, it proceeds to Step 32, and 1 is added to i, and it goes back to Step 24, and 
the menu is described again by one line. When i=EOF is reached in Step 25, it proceeds from Step 33 to Step 34, and 
75 guidance information of the menu page is outputted. Subsequently, the file is closed in Step 35, and the procedure is 
completed in Step 36. In this manner, minor classification menu page is prepared. 

[0069] After minor classification menu page has been prepared, individual minor classification book menu page is pre- 
pared in the lower hierarchy. Further, in the hierarchy under the individual minor classification book menu page, each 
book page is prepared. 

20 [0070] In this case, individual minor classification book menu pages are prepared as follows: 

[0071] Fig. 22 is a flowchart in case individual minor classification book menu pages are automatically organized and 
prepared. It proceeds from Step 37 to Step 38 and protocol is selected, and it is selected whether it is HTML or RIP. In 
Step 39, template file of individual minor classification book menu page is loaded. In Step 40, loop counter is initialized 
so that 1-1. Then, the loop from Step 41 to Step 54 is reiterated as many times as the number of records on individual 

25 minor classification book menu page. In Step 41 , code number, individual classification name, etc. of individual minor 
classification book menu page are read one after another from the code table as shown in Fig. 23 line by line. In Step 
42, file name of book menu per classification is prepared. 

[0072] In Step 43, book menu per classification is prepared. Description will be given now on this step refening to Fig. 
24. In Fig. 24, it proceeds from Step 44 to Step 45, and the title shown on screen image is described and it is then out- 
30 putted. In Step 46, loop counter is initialized so that i=1. Next, the loop from Step 47 to Step 49 is reiterated. First, in 
Step 47, book data base record of i=1 is read. In Step 48, it is checked whether minor classification code agrees with 
individual minor classification book menu page code or not if it does not agree, it proceeds to Step 49, and further, to 
Step 47 and Step 48. 

[0073] In case minor classification code is consistent with individual minor classification book menu page code in Step 
35 48, it proceeds to Step 50, and menu description of screen image is described by one line and is outputted. Next, it pro- 
ceeds to Step 51 , and it is checked whether it has been read up to the final record, and it is then outputted. 
[0074] In case the final record is not yet reached, it proceeds to Step 49. The next value is substituted in i, and it goes 
back to Step 47. and the same step is repeated again. In case the final record has been reached, it proceeds to Step 

52, and the procedure of this processing is terminated. 

40 [0075] Subsequently, it goes back to Step 43 in Fig. 22 and then to Step 53. Then, it is judged whether the end of the 
file has been reached or not In case the end is not yet reached, it goes to Step 54. The next value is substituted in i, 
and H goes back to Step 41, and the same process is reiterated. In case the end of the file has been reached in Step 

53, it proceeds to Step 55, and the procedure of this processing is terminated. 

[0076] After major classification and minor classification menu pages, individual minor classification book menu 
46 pages and book pages in the lower layer have been prepared and in case protocol is HTML. HTTPD 13 is run so that 
the prepared menu page can be outputted to Internet 7. In case the protocol is RIP, the personal computer communi- 
cation host program 17 is run so that the prepared menu page is outputted to on-line system 7. 
[0077] In the above, description has been given on a method, by which the user can find the desired book page from 
menu page. Next, description will given on data base retrieval system for preparing menu page of the book desired by 
so the user by inputting key words. 

[0078] Fig. 26 shows a data base retrieval screen and its operation. First, the retrieval screen is designed in such 
manner that book name, author name, year of the first edition, etc. can be inputted and that retrieval can be carried out 
even when a part of key words has been inputted. When the key words are inputted, and button for retrieval execution 
is clicked, retrieval request is transmitted to the book data base retrieval system 15 by CGI. The book data base retrieval 
55 system 15 performs retrieval processing according to the retrieval request, and retrieval result is outputted to WWW. 
[0079] As a result, the picture of the retrieval result is displayed. On the retrieval result screen, the inputted key word 
is indicated at first, and it is displayed how many results have been obtained, and the resultant book list is displayed. 
Each of the book lists is linked to each of book pages. 
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[0080] Fig. 27 is a flowchart in case the book data base retrieval system 15 performs retrieval processing. From Step 
57 to Step 58, the user inputs retrieval items. In this case, for the operation in the system 1 shown in Fig. 1, the user 
inputs retrieval character from the key board 5 to the console 4. Next, in Step 59, key w rds and the like are transmitted 
to the book data base retrieval system 15 by CGI. In Step 60. the book data base retrieval system 15 performs retrieval 
s processing according to the book data base 1 0. In Step 61 , the book data base retrieval system 1 5 outputs the retrieval 
result so that it can be processed by the automatic preparation program 1 4. There are two types of retrieval results: key 
word item number file (2) which indicates how many items corresponding to the key word have been retrieved, and 
retrieval result list file (1) which indicates the retrieval result in detail. 

[0081] In Step 62, the automatic preparation program 14 prepares a retrieval result menu. This process will be 
io described in detail referring to Fig. 28. When it proceeds from Step 63 to Step 64, protocol is selected, and HTML or 
RIP is selected. In Step 65. template file is loaded. In Step 66, the key word item numberfile (2) is inputted, and the title 
description part of Fig. 26 is outputted in Step 67. In Step 68. loop counter is initialized so that i=1 is reached. In Step 
69, the retrieval result list file (1) is inputted by one line, and book list portion is outputted by one line in Step 70. In Step 
71 , it is judged whether the end of the file has been reached or not. In case the end of the file is not reached, it proceeds 
is to Step 72. The next value is substituted to i, and the procedure from Step 69 is reiterated. In case the end of the file 
has been reached, it proceeds to Step 73, and the procedure is terminated. 

[0082] Then, it goes back to Step 62 and proceeds to Step 74. Here, contents 1 1 are written, and retrieval result menu 
is prepared. Individual book pages linked from the retrieval result menu have been prepared each time in the past. In 
the present embodiment, the book pages already prepared are used, and the book page can be linked within short time, 
20 and there is no need to automatically prepare the book page, and this reduces burden on the server. The retrieval result 
list file is erased at the completion of retrieval by the user. 

[0083] In Step 75, HTTPD (WWW server program) 13 outputs the retrieval result menu to Internet 7 via the router 6 
and transfers it to the user, and the procedure of this processing is terminated in Step 76. Or, in Step 75, the personal 
computer communication host program 17 outputs the retrieval result menu to telephone network via the modems 18A 
25 and 1 8B and transmits it to the user, and the procedure of this processing is terminated in Step 76. 

[0084] Further, in case an electronic catalog is prepared on CD-ROM for on-line system, contents data in HTML is 
written on a master CD-R by the CD-R writer 8. As a result, a large number of CD-ROMs produced by pressing from 
the master CD-R are distributed to the users, and the users can see the electronic catalog on browser by setting it in 
CD-ROM drive. 

30 [0085] According to the above arrangement, the information processing system for preparing a given digital contents 
uses descriptive language of HTML, RIP or the other protocol, and it is provided with menu page automatic preparation 
means and commodity page automatic preparation means, and it is possible to automatically prepare menu pages and 
commodity pages. By the above means, it is possible to update within minimal time and to promote retroactive effect, 
to avoid erroneous linking, and to reduce personnel and labor cost. Further, there are such effects that the burden on 

35 server is reduced and good interchangeability between protocols can be ensured. 

[0086] The menu page automatic preparation means and commodity page automatic preparation means as 
described above are accomplished by operation of CPU 2 in Fig. 1 , and this also applies to the embodiments described 
below. 

40 (2) 2nd embodiment 

[0087] In the second embodiment of the present invention, description will be given on a case where digital contents 
are automatically prepared according to the data base relating to clothings in clothing stores so that the user can per- 
form on-line shopping, 

45 [0088] In the system of the present embodiment, the same arrangement as in the system of the first embodiment as 
described above is referred by the same symbol, and detailed description is not given here. 

[0089] Fig. 29 is a block diagram of a system 2, in which an electronic catalog of clothings is provided in two modes, 
i.e. WWW on Internet and personal computer communication, and the user can perform on-line shopping. In this sys- 
tem, the devices from CPU 2 to disk 9 indicate the same devices, which perform the same operation. 
so [0090] A clothing data base 1 0A comprises names and photographs of commodities in a clothing store such as coats, 
sweaters, shirts, underwear, shoes, bags, hats, etc., code numbers of these commodities within the clothing store, date 
of new sale of the commodities, inventory, date of deposit in stock, disposition suitability such as color, pattern, size, 
design, photograph, etc. (to be described later), and date of recording, date of the last updating, etc., and these are 
stored in a hard disk. 

55 [0091 ] From the contents 1 1 to the automatic preparation program 1 4, the same operation is performed as in the first 
embodiment. A clothing data base retrieval system 15A is a system for retrieving a clothing desired by the user based 
on the data, i.e. item elements of each clothing (e.g. color pattern, size, etc. of coat, sweater, etc.), and it has a function 
to prepare a summarized page of the retrieval result. From the retrieval result summarized page, linkage is made to 
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each of the commodity pages indicating detailed information on each commodity. 

[0092] A custom template preparation program 15B is a program tor extracting custom templates fr m the commodity 
page partially prepared in manual manner. 

[0093] Template 16 to modems 18A and 18B are the sam devices and perform the same operation as in th first 
s embodiment. 

[0094] As described above, in the present embodiment, the automatic preparation program 1 4 automatically prepares 
clothing pages and menu pages and offers on-line shopping information on clothing to terminal equipment of the user 
via Internet 7 or via telephone network. 

[0095] In the above arrangement, the automatic preparation program 14 automatically selects a template of an opti- 
io mal screen layout depending on disposition suitability of the photograph relating to the disposition of each display ele- 
ment of the commodity page offering shopping information on clothing, and it automatically prepares commodity page 
with layout of the best balance. Based on this program, the user who has gained access via WWW or personal compu- 
ter communication reads the menu pages and commodity pages and purchases the clothing. 

[0096] The photographs of the clothings are divided to those at longitudinal position (portrait) or at lateral position 
75 (landscape). Depending on the conditions such as rightward facing, leftward facing or direction of visual line of the 
model, the photographs are classified to those suitable for the disposition at the right side portion of the screen, and 
those suitable for the disposition at the left side. Further, for hats and shoes, it is natural to dispose at upper or lower 
portions of the screen respectively. The feature of the photographs in the disposition on the screen as described above 
is called "disposition suitability". 
so [0097] In case the photograph is disposed at an optimal position on the screen, disposition of the other display ele- 
ments such as commodity title, commodity specification, copy phrase (for publicity), etc, also undergo the influence. In 
the present embodiment such function is provided that a plurality of templates are prepared in advance to match pho- 
tographs of a wide variety of disposition suitability, and the optimal template is selected to match the disposition suita- 
bility of the photograph of the clothing. 
25 [0098] Items in "photograph disposition suitability" of the clothing data base 1 0A are the items to maintain information 
of the disposition suitability of the above photograph. In the photograph disposition suitability items, a plurality of dispo- 
sition suitability codes are maintained with spacing between them. Operator finds an image of the photograph and 
determines disposition suitability code, and this disposition suitability code is inputted in advance at the time of data 
inputting. 

30 [0099] The disposition suitability code is a coding of shape of the photograph (such as portrait landscape) and dis- 
position suitability. In the embodiment, it is defined in Table 2 as given later. Not only photographs but also other image 
data such as illustration, sketch, etc. can be handled in the same manner. 

[0100] For example, in case it is a photograph of portrait type and rt is suitable for disposition at right side, the value 
of the disposition suitability item is: 

35 

"PORT RT. 

[01 01] In case it is a photograph of landscape type and it is suitable for disposition at downward position, it is: 
40 "LAND DN" 

[0102] In some cases, after commodity page of clothing has been automatically prepared, HTML document may be 
partially changed manually and the layout may be changed. The template manually changed is called "custom tem- 
plate". Once changed, the custom template is automatically stored, and it is used as a template when it is automatically 

45 pr pared at the next automatic preparation. The custom template is prepared in the following manner: 

[0103] Figs. 30, 31 and 32 each represents a process to prepare custom templates. First, data (A) of the commodity 
data base is incorporated in a template (B). and a commodity page (C) is prepared. Then, as shown in Fig. 31, a 
designer manually corrects HTML document of the commodity page and prepares a commodity page of the new layout. 
The data portion derived from the data base is maintained without change. 

so [0104] Next, turning to Fig. 32, a custom template (D) is extracted from the corrected commodity page. Each of the 

item data such as commodity number, commodity name, etc. in {C 1 ) are replaced with @01 . <§>02, @03 In this 

manner, the custom templates (D) are prepared and stored. Then, file name of the custom template is entered at cus- 
tom template item in the data base. 

[01 05] In the automatic preparation processing, whether normal template is used or custom template is used is deter- 
55 mined by the presence or the absence of the data in the custom template at the time of automatic preparation. In case 
the data is present, the custom template is used. In case there is no custom template, a normal template is used. 
[0106] Fig. 33 is a flowchart in cas commodity pages of clothing are automatically prepared. In this flowchart, the 
system is started in advance, OS is loaded, and the automatic preparati n program is started. 
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[0107] Turning from Step 1 to Step 2, a record number i is read from the commodity data base. In Step 3, item char- 
acter string of the photo disposition suitability code is acquired, and it is retained at character variable photo$. In Step 
A, it is judged whether the custom template has a value or not. If no value, the optimal template is selected in Step 4, 
and the procedure after Step 14 is followed. On the detailed flowchart in Step 4, description will be given referring to 
5 Fig. 34. If there is a value, it proceeds to Step B, and a custom template is selected. Then, turning to Step 1 4, the value 
of each item in the commodity data base is incorporated in the template and pages are prepared. In Step 15, the pro- 
cedure of this processing is terminated. 

[0108] Next, the same procedure as from Step 22 to Step 26 in Fig. 10 is reiterated, and the procedure of this process- 
ing is terminated in Step 15. 

10 [01 09] In the above template, optimal layout of the display elements on the screen is acquired to every possible com- 
bination of the disposition suitability codes, and this is retained as a template. Information of the template group (such 
as template file name, corresponding photo disposition suitability, etc.) is stored in the template data base. The value 
of photo disposition suitability corresponding to each template is stored in items of the template suitability code in the 
template data base. 

is [01 1 0] Similarly to the display suitability code, the template suitability code is described, for example, as: 
"PORT RT" 

[01 1 1 ] In the example shown in Fig. 35, disposition suitability of the photograph is "portrait, rightward disposition". Fig. 
20 34 shows a layout of a commodity page, and the user can perform on-line shopping based on this screen. This com- 
modity page comprises title, commodity name, commodity number, copy, commodity explanation, size, color, pattern, 
photographic image, background, etc. 

[0112] Table 1 summarizes disposition suitability codes, which are given by coding of photograph shape and disposi- 
tion suitability as described above. 

25 



Table 1 



Disposition suitability code 


Disposition 


Display 


Portrait 


PORT 


Landscape 


LAND 


Rightward disposition 


RT 


Leftward disposition 


LT | 


Up disposition 


UP 


Down disposition 


DN 



40 

[01 1 3] Table 2 indicates the following procedure. Here. 12, 13. 1 4SQ, 14LINE each represents quantity and disposition 
of photographic image as shown in Fig. 36. 12 represents a screen image when two images are aligned in lateral direc- 
tion, 13 represents a screen image when three images are aligned in lateral direction. 14SQ represents a screen image 
when four images are aligned in longitudinal and lateral directions, and 14LINE represents a screen image when four 
45 images are lined up in a row in lateral direction. First, from "photoS". display suitability code is extracted one by one. 
Then, it is detected whether the extracted code is included in the template suitability code or not If the code is included, 
1 is added to "opt" value (variable). This procedure is performed for all of the codes, and the template with the highest 
"opt" value is selected. By this procedure, the optimal template is selected. A flowchart showing the details is given in 
Fig. 34. 

so 



Table 2 



PORT RT ^-Display suitability code 


Template number 


Display suitability code 
of template 


opt value 


1 


PORT UP 


1 
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Table 2 (continued) 





PORT RT -(-Display suitability code 


5 


Template number 


Display suitability code 
of template 


opt value 




2 


PORT DN 


1 




3 


PORT RT 


2 




4 


PORT LT 


1 


10 


5 


LAND UP 


0 




6 


LAND DN 


0 




7 


LAND RT 


0 


15 


8 


LAND LT 


0 


9 


LAND LT 12 


0 




10 


LAND LT 13 


0 




11 


LAND LT 14 


0 


20 


12 


LAND LT 15 


0 


25 









[01 14] When turning from Step 5 to Step 6, counter variable is initialized, and it is turned to i=1 . Array opt (i) value is 
30 defined, and it enters into a loop to obtain opt value for all templates. 

[0115] Next, turning to Step 7, display suitability code of i-th record is read from the template data base, and this is 
substituted to temp$. In Step 8. a number of the disposition suitability codes common to temp$ and photo$ is deter- 
mined. This value is substituted in opt (i). 

[0116] In Step 9. 1 is added to the i value. In Step 10, H is judged whether the final file has been reached or not. In 
35 case the final file is not yet reached, it is turned to Step 1 1 , and the procedure from Step 7 is reiterated. In case the final 
file has been reached, it is turned to Step 12, and the value of i corresponding to the maximum value in opt (i) is 
obtained. Then, turning to Step 1 3, the procedure is terminated. 

[0117] Then, it proceeds to Step 14 in Fig. 33, and the values of each item in the commodity data base are incorpo- 
rated in the template, and pages are prepared. In Step 14, processing is performed by the same procedure as from 
40 Step 22 to Step 26. First, by the loop counter, the number of data from j=1 is counted. Here, data value j comprises 1 1 
items of the clothing data base in Table 3. In case j is less than 1 1 , it is turned to display element incorporation shown 
in Fig. 12. and the procedure from Step 22 is reiterated. In case j exceeds 11, HTML is written in Step 24, and it is 
turned to Step 25, and the procedure of this processing is terminated. As a result, image disposition such as photo- 
graphs is optimized, and menu pages and commodity pages of clothing are automatically prepared. 



Table 3 



Structure of clothing data base 


Item number 


Variable name 


Item name 


1 


Number 


Commodity number 


2 


Name 


Commodity name 


3 


Color j 


Color 


4 


Gara 


Pattern 


5 


Size 


Size j 
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Table 3 (continued) 



Structure of clothing data base 


Hem number 


Variable name 


Item name 


6 


Date 


Date of sales launching 


7 


Copy 


Publicity copy phrase 


8 


Price 


Price 


9 


Image 


Image file name 


10 


Code 


Display suitability 


11 


Custom 


code 






Custom template 



[0118] In the automatic preparation system of the present embodiment, not only automatic preparation is performed 
by optimizing disposition of display elements having suitability and features on the layout, but also the designer can cor- 
rect the layout when necessary, and the corrected layout can be stored even at the subsequent updating of the data. 
20 [01 1 9] Further, in the automatic preparation program 1 4 of the present invention, automatic preparation and differen- 
tial updating can be performed only for the record, which has been newly set after previous automatic preparation or 
only for the updated record. 

[0120] With the arrangement as described above, in a system to provide shopping information for clothing in two 
modes, i.e. via WWW on Internet and via telephone network, display elements such as photographs are optimized and 
25 disposed according to the automatic preparation system 14. and menu pages and commodity pages are automatically 
prepared. 

(3) 3rd embodiment 

30 [0121 ] In the third embodiment of the present invention, in case an electronic catalog for books in the first embodiment 
is prepared, the arrangement of individual minor classification book menu page is changed and displayed. In a system 
according to the present embodiment, the same arrangement in the system of the first embodiment is referred by the 
same symbol, and detailed description is not given here. 

[0122] In the present embodiment, the system arrangement is the same as in the first embodiment, and description 
35 will be given referring to Fig. 1 of the first embodiment. In this sense, the arrangement from the system 1 to HTTPD 1 3 
is the same, and detailed description is not given here. 

[0123] In the automatic preparation program 14, major classification menu pages, minor classification menu pages, 
and further, menu pages of books belonging to individual minor classification are prepared, and menu pages in three 
hierarchies can be prepared at one time. In the menu pages of the books belonging to individual minor classification, 
40 an image of a book sheH with books in a bookstore is applied as shown in Fig. 37. By clicking the back cover of each 
individual book it is linked to a book page of the next hierarchy. Because books are searched on an image of a book 
shelf with books as found in a bookstore, each individual book can be easily identified, and the books can be searched 
in much easier manner. 

[0124] The arrangement from the book data base retrieval system 15 to public communication lines 19A and 19B is 
45 the same as above, and detailed description is not given here. 

[0125] Again in the third embodiment, the automatic preparation program 14 can cope with a plurality of protocols, 
and it is provided with the function to prepare HTMU RIP and other contents. 

[0126] As described above, in the third embodiment, there is provided a method, by which books as desired can be 
searched by two modes by the user who gains access via WWW or personal computer communication, based on the 
so book pages offering detailed information on books. The first is a method, by which major classification and minor clas- 
sification hierarchy menus are selected one after another, and the desired book is searched by book summary menu 
(hierarchy menu retrieval method). In the present embodiment, however, an image of a book sherf with books as found 
in a bookstore is set on the menu page of books belonging to individual minor classification, and the books can be 
searched much easier. 

55 [0127] In the above arrangement, the automatic preparation program 14 prepares book pages and menu pages, and 
an electronic catalog of books is offered to user's terminal devices on on-line system via Internet 7 or via telephone net- 
work. 

[0128] There are four types of pages in each hierarchy prepared by the automatic preparation program 14 as in the 
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first embodiment Major classification menu pages are displayed in a first hierarchy, minor classification menu pages 
ar displayed on a second hierarchy, and individual minor classification book menu pages are displayed in a third hier- 
archy. Fig. 37 shows an exampl of screen layout of an individual minor classification book menu page of the third hi r- 
archy. On this pag . a title is displayed, showing which field the books belongs to. In the lower portion, an image of a 

5 book shell with books as arranged in a bookstore is shown. On this book shelf, books with different widths and different 
heights are lined up, and on the back covers of books, titles are given in different fonts and colors to attract the attention 
of the users. Utilizing the data of the size of image (longitudinal and lateral), HTML or RIP file is described in such man- 
ner that each of the images is closely arranged from left side, and lower sides of the books are aligned in one straight 
line. When a back cover of individual book of the third hierarchy is clicked, a book page of a fourth hierarchy is displayed. 

io [0129] In the third embodiment, as in the first embodiment, book pages are prepared by the automatic preparation 
program 1 4. Next, the menu page preparation program in the automatic preparation program 1 4 is run, and menu pages 
are prepared. The menu page comprises menu pages of books of major classification, minor classification, and individ- 
ual minor classification. 

[01 30] In a manner similar to the first embodiment, menu pages of books of major classrf ication. minor classification 

is and individual minor classification are prepared according to similar flowcharts. 

[0131] In the above arrangement, an information processing system for preparing predetermined digital contents is 
provided with menu page automatic preparation means and commodity page automatic preparation means, using 
descriptive language of HTML, RIP or other protocol, and it can automatically prepare the menu pages and the com- 
modity pages. Also, the menu pages of individual minor classification books are represented by an image of a book 

20 shelf, and the books can be searched much easier. By automatic preparation processing, updating can be achieved 
within minimal time, and it is possible to promote retroactive effect, to avoid erroneous linking, and to reduce personnel 
and labor cost Further, the burden on the server is reduced, and good interchangeably of protocols can be ensured. 

(4) 4th embodiment 

25 

[01 32] In a fourth embodiment of the present invention, description will be given on a case where an electronic catalog 
is prepared by automatic preparation of book data base as in the third embodiment In a system according to the 
present embodiment, the same component as in the system of the third embodiment as described above is refened by 
the same symbol, and detailed description is not reiterated. 
30 [0133] In the fourth embodiment, the system arrangement is the same as in the first embodiment, and description will 
be given referring to Fig. 1 of the first embodiment. As a result, the arrangement from the system 1 to HTTPD 13 is the 
same, and detailed description is not given here. 

[01 34] In the automatic preparation program 1 4, menu pages of major classification and minor classification and book 
menu pages of individual minor classification are prepared, and menu pages in three hierarchies can be prepared at 
35 one time. In the menu page of individual minor classrf ication books in this embodiment, individual book images in the 
book shelf of the third embodiment are automatically synthesized into one image and used. This contributes to reduc- 
tion of communication time and decreases the burden on the server. Then, the book page of the fourth hierarchy is pre- 
pared. 

[0135] In the automatic preparation program 14, when book pages of major classification and minor classification are 
40 automatically prepared, flowcharts are the same as in the first embodiment, and detailed description is not given here. 
[0136] Fig. 38 shows an algorithm to synthesize image data of individual minor classification menu pages of the 
present embodiment. In (A). 1 1 GIF files are displayed by determining coordinates on a screen. In (B). the above is syn- 
thesized in one bit map plane. First, IMG1 is converted to bit map type, and by determining the coordinates, it is dis- 
played at the furthest left in (B). This procedure is reiterated from IMG2 to IMG1 1 so that the images are displayed 
45 closely fitted to each other without spacing and that the lower ends of the books are aligned in one straight line. Further; 
a bit map plane is prepared, in which dimensions in four directions (upward, downward, leftward and rightward) are 
equal to the overall size in (A). This is developed to a single GIF data. By this procedure, one GIF data is synthesized 
from 11 GIF data. 

[0137] When an image data is transferred via network, it is necessary to perform the procedures of starting, process- 
so ing and completion. In case 1 1 GIF data are transfened. it is necessary to perform three types of procedure one by one. 
When transfer can be achieved as a single GIF data by the above procedure, processing time can be extensively 
reduced, and the burden on the server can also be decreased. 

[0138] In the above arrangement, an information preparation system for preparing predetermined digital contents is 
provided with menu page automatic preparation means and with commodity page automatic preparation means using 
55 descriptive language such as HTML, RIP, or other protocol, and menu pages and commodity pages can be automati- 
cally prepared. In the book shelf image, GIF data of menu pages of individual minor classification books are synthe- 
sized into a single data, and this makes it possible to reduce processing time for data transfer and to decrease the 
burden on the server. Also, by the automatic preparation processing, it is possible to achieve updating within minimal 
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time, to promote retroactive effect, to avoid erroneous linking, and to reduce personnel and labor cost. Further, there is 
an effect that good interchangeability of protocols can be attained. 

[01 39] In the above embodiment, description has been given on an automatic preparation system of digital contents. 
The digital contents prepared by this system are recorded on CD-ROM, DVD or other recording medium, and it is fur- 
5 ther recorded in storage device of the computer of each user via communication line. Therefore, by applying the digital 
contents to a predetermined information presenting system, book information can be provided in case of a bookstore, 
and clothing information can be provided in case of a clothing store, to consumers via communication line. Therefore, 
the storage medium produced according to the present invention should also be protected as a part of the invention. 

io INDUSTRIAL APPLICABILITY 

[0140] As described above, in an information processing system for preparing predetermined digital contents, it is 
possible according to the present invention to automatically prepare by optimizing disposition of display elements hav- 
ing suitability and features in relation to layout, to automatically retrieve and display a large number of commodities and 
is the like, and to prepare a wide variety of commodity pages with high retroactive effect Also, automatic preparation of 
the data makes it possible to provide services to many users trough a server with relatively small capacity. Further, the 
same number of pages can be prepared, and labor and other cost can be reduced compared with the conventional sys- 
tem. Also, digital contents to cope not only with a single protocol but with a plurality of protocols can be prepared. 

20 Claims 

1 . An automatic preparation system for preparing digital contents, comprising: 

means for using descriptive language of HTML or other protocols for information processing in the preparation 
2s of digital contents including characters and images; 

means for accepting and storing data showing features of said image portion and/or suitability in relation to lay- 
out on screen; and 

means for reading the data showing features of said image portion and/or suitability in relation to layout on 
screen and for optimizing disposition using said data when disposing said image portion on screen. 

30 

2- An automatic preparation system for preparing predetermined digital contents, comprising: 

means for using descriptive language of HTML or other protocols for information processing; 
automatic preparation means for menu pages; 
35 automatic preparation means for commodity pages; and 

means for optimizing disposition of display elements having suitability and/or features in relation to layout on 
screen in association with said menu page automatic preparation means and said commodity page automatic 
preparation means. 

40 3. An automatic preparation means for preparing digital contents according to claim 2. wherein said optimizing means 
is designed in such manner that disposition of said display elements is optimized and automatic preparation is per- 
formed depending upon presence or absence and/or number of specific display elements. 

4. An automatic preparation system for digital contents according to claim 3, wherein said optimizing means is 
46 designed in such manner that disposition of said display elements is optimized and the contents are automatically 

prepared depending upon size of each of the specific display elements. 

5. An automatic preparation system for digital contents according to daim 1 or 2. wherein the system comprises 
means for preparing digital contents to cope with descriptive language of a plurality of protocols including RIP, 

so HTML and VRML 

6. An automatic preparation system for digital contents according to claim 2, wherein, when a retrieval instruction is 
received from a user under the condition that commodity pages relating to all commodities are prepared in advance 
using said automatic preparation means for menu pages and said automatic preparation means for commodity 

55 pages; and 

the system further comprises means for automatically preparing menu pages in response to data base retrieval 
result according to retrieval instruction of the us r. 
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7. An automatic preparation system for preparing digital contents according to claim 2, wher in hierarchical menu 
pages are prepared in accordance with one or more classification items of the data base. 

8. An automatic preparation system for digital contents according to claim 2, wherein said menu page automatic prep- 
s aration means and said commodity page automatic preparation means comprise: 

means for manually changing and correcting layout of specified pages; and 

means for storing the corrected content when said specified layout has been updated. 

io 9. An automatic preparation system for digital contents according to claim 2, wherein, when the data base used in 
said automatic preparation of digital contents has been updated, the system comprises means for performing dif- 
ferential updating for updating said commodity page only to the updated content. 

1 0. An automatic preparation system for digital contents according to claim 2, wherein said menu page automatic prep- 
15 aration means comprises means for automatically preparing contents where two or more images of back covers of 

books and/or back covers of CD are arranged in parallel. 

1 1 . An automatic preparation system for digital contents according to claim 10. wherein the system comprises means 
for synthesizing a single image data from a plurality of image data when contents displaying a plurality of images 

20 in parallel are prepared in said menu page. 

12. A recording medium, comprising digital contents automatically prepared by optimizing disposition of image portion 
on screen when digital contents including character and image portions are prepared, whereby descriptive lan- 
guage of HTML or other protocols is used for information processing, and data showing feature of said image por- 

25 tion and/or suitability in relation to layout on screen is used. 



30 



40 



45 



50 



55 



16 



EP 0 971 295 A1 



FIG. 1 

1 : A SYSTEM FOR PROVIDING ELECTRONIC CATALOG OF BOOKSTORE 
IN TWO MOOES, i.e. VIA INTERNET WWW AND CD - ROM 





17 



EP 0 971 295 A1 



MAJOR CLASSIFICATION MENU 



01 DICTIONARIES _| — 

02 BOOKS FOR 
LITERARY WORK 

03 BOOKS FOR SCIENCE 



SEGMENT FOR GUIDANCE 
INFORMATION DISPLAY 



FIG. 2 



MAJOR CLASSIFICATION MENU PAGE 



MINOR CLASSIFICATION MENU 
JAPANESE LANGUAGE 



01010 

DICTIONARIES 
01020 ENGLISH LANGUAGE 

DICTIONARIES 
01030 FRENCH LANGUAGE 
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FIG. 3 
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FIG. 4 
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FIG. 5 

EXAMPLE OF BOOK TEMPLATE 

TEMPLATE FOR HTML WITH DISPLAY IMAGE 

<HTML> 
<HEAD> 

<TITLEX/TITLE> 
</HEAD> 

<BODY bgcolor="#add8e6" text="#191970" I ink="#191970"> 
<CENTER> 

<TABLE border="1"XTRXTD><F0RM> 
</FORM> 

<FOMT s ize="+4"»< FJK/FONTX/TDX/TR> 

<AABLE> 

</CENTER> 

<PXBRXHRXH 1 ><P> 

<FONT size="+3"XBXF0NT color="#551a8b">§02</FONTX/BX/FONTXBR> 

<DIV align="right"> 

<H3>§15</H3X/DIV> 

<DIV align="righf> 

<H3>60 K/H3X/D I VXHR> 

<TABLE a I ign="L£FT"XTRXTDXH3>§03</H3X/TDX/TR> 
<PXTRXTDXH3>§08</TDX/TR> 

<TRXTD>e04</TDX/TR> 

<TRXTD>§05</TDX/TR> 

<TRXTD>§1 0</TDX/TRX/H3XP> 
<TRXTDXH2XF0MT color="#141414"> @ 06</F0NTX/H2X/TDX/TR> 
<PXPXTRXTDXFONT s ize="+1" >807</TDX/TR> 
</F0NT> </TABLE> <P> < I MG SRC=§11 ALIGN="right"> 
</B00Y> 
</HTHI_> 
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FIG. 6 



ADISPLAY ELEMENT CORRESPONDENCE TABLE 
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NO. 


VARIABLE NAME 


@01 


ISBN 


002 


Name 


@03 


Author 


©04 


Pubdate 


©05 


Prndate 


®06 


Copy 


©07 


Note 


@08 


Price 


@09 


Han 


010 


Pages 


011 


Image 


©12 


Seimage 


©13 


Daibunrui 


014 


Syobunrui 


015 


Sakusei 


016 


Koushin 
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FIG. 7A 

(1) HTML TEMPLATE 



<HTML> 
<HEAD> 

<TITLEX/TITLE> 
</HEAD> 

<BODY bgcolor="#add8e6" text="#1 91 970" I ink="#191970"> 
<CENTER> 

<TABLE border="r><TRXTDXFORM> 
</FORM> 

<FONT size="+4">HHK/F0NTX/TDX/TR> 

</TABLE> 

</CENTER> 

<PXBRXHRXH 1 ><P> 

<FONT si2e="+3"XBXF0NT color="#551a8b">§02</FONTX/BX/FONTXBR> 

<DIV al ign="right"> 

<H3>815</H3></DIV> 

<DIV align="right"> 

<H3>eOK/H3X/DIVXHR> 

<TABLE align="LEFT"XTRXTDXH3>§03</H3X/TDX/TR> 
<PXTRXTDXH3>§08</TDX/TR> 

<TRXTD>§04</TDX/TR> 

<TRXTD>0O5</TDX/TR> 

<TRXTD>§1 0</TDX/TRX/H3XP> 
<TR> <TD> <H2> <FONT color="#141414"> @ 06</F0NTX/H2X/TDX/TR> 
<PXPXTRXTDXFONT size="+1 ">§7</TDX/TR> 
</F0NTX/TABLEXPXlM6 SRC=§11 ALIGN="r ight"> 
</BODY> 
</HTlflL> 
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FIG. 7B 

(2) HTML DOCUMENT WITH INCORPORATED DATA 



<HTML> 
<HEAD> 

<TITLEX/TITLE> 
</HEAD> 

<BODY bgcolor="#add8e6" text="#191970" I ink="#19l970"> 
<CENTER> 

<TABLE border="1 "XTRXTDXFORM> 
</FORM> 

<FOMT size="+4">ALIST OF PUBLICATIONS OF AB B00KST0RE</F0NTX/TDX/TR> 

</TABLE> 

</CENTER> 

<PXBRXHRXH1XP> 

<FONT si2e= , +3"XBXF0NT color="#551a8b"> JAPANESE LANGUAGE DICTIONARY A</ 

FONT> </B> </FONT> <BR> 

<DIV align="right"> 

<H3> 1 997- 1 2- 1 0- </H3> </D I V> 

<DIV align="right"> 

<H3> I SBN </H3X/DI VXHR> 

<TABLE al ign="LEFT"XTRXTDXH3> AUTHOR: KINJIRO NINOMlYA ET AL </H3></ 
TOX/TR> 

<PXTRXTDXH3> PRICE: 3. 500 YEN</TDX/TR> 

<TRXTD>DATE OF 1ST EDITION: JULY 1. 1 995</TOX/TR> 
<TRXTD>DATE OF 1ST REVISED EDITION: DECEMBER 1. 1 997</TDX/TR> 
<TRXTD> NUMBER OF PAGES: 2. 000 PAGES</TDX/TRX/H3><P> 

<TRXTDXH2><FONT color="#141414"> COMPREHENSIBLE NEW REVISED JAPANESE 

LANGUAGE DICTIONARY</FONTX/H2><ADX/TR> 

<PXPXTRXTDXFONT size="+1"> —NOTES — </TDX/TR> 

<TRXTD>1ST EDITION PUBLISHED IN 1995 HAS BEEN REVISED. </TD><AR> 

<TRXTD>WORDS AND PHRASES ARE EXPLAINED IN DETAIL AND IN COMPREHENSIBLE 

AND MODERNIZED MANNER </TDX/TR> 

<TRXTD>A LARGE NUMBER OF THE NEWEST SLANG WORDS ARE ALSO INCLUDED AND 
THE DICTIONARY IS ALSO SUITABLE FOR 

MIDDLE-AGED MEN. </TOX/TRX/FONTX/TABLEXPXIMG SRC= I MAGE g i f ALIGN=" 

right"X/BODY> 

</HTML> 
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FIG. 8 



ALAYOUT IN CASE THERE IS PHOTOGRAPHIC IMAGE 
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BIBLIOGRAPHICAL- — 
DATA 

COPY — 



NOTES 
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ISBN 



NEW REVISED EDITION 
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step21 
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FILE 
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stepl 9 


IMG ="002" 



c 



END 



CONTINUED TO FIG. 10 (A) 
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FIG. 10 

FLOW CHART FOR PREPARATION OF BOOK 
PAGE 

CONTINUED FROM FIG. 9 (A) 




INCORPORATE 
DISPLAY ELEMENT 



w STEP NM 

ACQUIRE CONTENT 
FILE NAME 



step24 



WRITE HTML FILE 



step25 
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END 
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FIG. 11 



STRUCTURE OF BOOK DATA BASE 
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FIG. 12 



MODULE TO INCORPORATE DISPLAY ELEMENT 



step27 ^ START ^ 



step28 



step29 



ACQUIRE VARIABLE NAME 
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SUBSTITUTE VARIABLE 
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step30 



Q END J 
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FIG. 13 



MAJOR AND MINOR CLASSIFICATION TABLE 



MAJOR CLASSIFICATION MAJOR 



CODE 



CLASSIFICATION NAME 



MINOR CLASSIFICATION MINOR CLASSIFICATION 
CODE NAME 



01 

DICTIONARIES 



01010 JAPANESE LANGUAGE DICTIONARIES 
01020 ENGLISH LANGUAGE DICTIONARIES 
01030 FRENCH LANGUAGE DICTIONARIES 



02 



03 



BOOKS FOR 
LITERARY 



BOOKS FOR 
SCIENCE 



02010 
02020 
02030 



03010 
03020 
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BOOK 1 
BOOK 2 
BOOK 3 



BOOK A 
BOOK B 
BOOK C 



FIG. 14 



FILE NAME OF MAJOR CLASSIFICATION AND MINOR 
CLASSIFICATION 
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FIG. 15 



PREPARATION OF MAJOR CLASSIFICATION MENU PAGE 





TEMPLATE FILE NAME 
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FIG. 16 

EXAMPLE OF MAJOR CLASSIFICATION TEMPLATE FILE 
SCREEN IMAGE 



MAJOR CLASSIFICATION 
MENU 

01 DICTIONARIES 

02 BOOKS FOR LITERARY WORK 

03 BOOKS FOR SCIENCE 



GUIDANCE DISPLAY 



HTML DESCRIPTION 

FILE NAME : BOOKMNU.HTM 

< HTML > 

< HEAD > 

< TITLE ></TITLE> 
</HEAD > 

< BODY bgcolor = "add8e6* text=" # 191970" > 

< CENTER > 

< TABLEborder =* 1 " >< TR >< TD > 

< HI > MAJOR CLASSIFICATION CODE </H1 > </TD > </TR > 
< /TABLE > 

< /CENTER >< HR >< P > 

<H3><A HREF =" @00* XFONTsize= - +1" > 

< CENTER > @ 0 1 < /FONT > < FONTsize = " + 1* > @ 02 < /CENTER >< BR > 
</FONT > </A > 

< H3X A HREF = 

</FONTX/A> 

< CENTER > < TABLE >< TR >< TD >< TABLE border «T > </TR > </TD > 

< H2 > GUIDANCE DISPLAY </H2 X/TD > </TR > < /TABLE > </T ABLE > 
</BODY> 

</HTML> 

@00 ^ HTML FILE OF DESTINATION TO BE LINKED 

@01 ^ MAJOR CLASSIFICATION CODE 

@02 ^ MAJOR CLASSIFICATION NAME 



TITLE 



MENU DESCRIPTION 
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FIG. 17 
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FIG. 18 
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FIG. 19 



A EXAMPLE OF MINOR CLASSIFICATION 
TEMPLATE FILE 



SCREEN IMAGE 



MINOR CLASSIFICATION MENU 



01010 JAPANESE LANGUAGE 

DICTIONARIES 
01020 ENGLISH LANGUAGE 

DICTIONARIES 
01030 FRENCH LANGUAGE 

DICTIONARIES 



GUIDANCE INFORMATION 



TITLE 



MENU DESCRIPTION 



HTML DESCRIPTION 

FILE NAME : BOOKMNU1.HTM 



< HTML > 

< HEAD > 

< TITLE >< /TITLE > 
</HEAD > 

< BODY bgcolor =* # add8e6" text=" #191970" > 

< CENTER >< TABLE border = "I" > 

< TR >< TD >< HI ><B> MINOR CLASSIFICATION MENU</BX/H1 > 
</TD > </TR > < /TABLE > 

< /CENTER >< BR >< HR > 

< CENTER >< A HREF =" @00* >< FONT size=" +1" > 

@ 01 </FONT > < FONT size=" +1" > @ 02 < /FONT >> /A >< /CENTER > 
<BR> 

< CENTER >< A HREF = 

< CENTER > < TABLE >< TR >< TD >< TABLE border =" 1 " > </TR > </TD > 
<H2>GUIDANCE INFORMATION DISPLAY </H2 >< /TD X/TR > </TABLE > 
< /TABLE > 

</BODY> 
</HTML> 



@00 HTML FILE NAME OF DESTINATION TO BE LINKED 

@01 MINOR CLASSIFICATION CODE 

@02 ► MINOR CLASSIFICATION NAME 
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FIG. 20 
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FIG. 21 
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FIG. 22 
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FIG.23 

CODE TABLE 



MINOR CLASSIFICATION MINOR CLASSIFICATION INDIVIDUAL MENU INDIVIDUAL 
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24 
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FIG. 25 



INDIVIDUAL MINOR CLASSIFICATION BOOK MENU PAGE 



SCREEN IMAGE 



LIST OF JAPANESE LANGUAGE 
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TITLE 



MENU 
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HTMLG58 



< HTML > 

< HEAD > < TITLE > < /TITLE > </HEAD > 

< BODY bgcolor =" # add8e6" text=* #191970" > 
< CENTER >< TABLE border ="1" > 

< TR > < TD >< HI > LIST OF JAPANESE LANGUAGE DICTIONARIES < /HI > </ 
TDX/TR > 

< /TABLE > < /CENTER >< HR > 

< CENTER XH3X A HREF=" @00" > 

< FONT size=" + 1 >@01 </FONT> 

< FONT size=" +T >@ 02 < /FONT X /A X/H3 X /CENTER > 

< CENTER > < H3 >< A HREF=**-» 



</FONT > </A > </H3 > < /CENTER > 
<HR> 

< CENTER > < TABLE border = " 1 " > 

< TR >< TD > GUIDANCE INFORMATION DISPLAY </TD X/TR > 
< /TABLE > < /CENTER > </BODY > 

</HTML> 



@00 ^ HTML RLE NAME OF DESTINATION TO BE LINKED 

@01 ► INTERNAL CODE AT BOOKSTORE 

©02 *~ INDIVIDUAL MINOR CLASSIFICATION BOOK NAME 
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FIG. 26 



DATA BASE RETRIEVAL SCREEN AND ITS OPERATION 
DESIGNATION OF RETRIEVAL KEY WORD 



DESIGNATION OF DATA BASE RETRIEVAL 



1.BOOK NAME j 
^AUTHOR NAME 



SOSEKI NATSUME 



3. YEAR OF 1ST EDITION | FOR YgARS FROM — | 



EXECUTION OF RETRIEVAL^ TERMINATED Q 



DATA BASE RETRIEVAL 



AUTHOR NAME: SOSEKI NATSUME 
12 ITEMS HAVE BEEN FOUND 

1. KOKORO 

2. BOCCHAN 



3. WAGAHA/WA 
NEKODEARU 

4. 

5. 

12. 



OPERATION 



CONVEY SEARCH 
REQUEST TO SEARCH 
ENGINE VIA CGI 



SEARCH PROCESSING 



SEND BACK RETRIEVAL 
RESULT TO WWW 



TITLE DESCRIPTION 



— BOOK LIST 



BOOK PAGE 
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FIG. 27 



^ START J step57 



INPUT RETRIEVAL 
DESIGNATION BY USER 



CONVEY DETAILS OF 
RETRIEVAL DESIGNATION 
(SUCH AS KEY WORDS) TO 
SEARCH ENGINE VIA CGI 



SEARCH PROCESSING BY 
SEARCH ENGINE 



DELIVER RETRIEVAL 
RESULT TO RETRIEVAL 
RESULT MENU 
AUTOMATIC 



stepSB 



step59 



step60 



step61 



WRITE CONTENT 
(RETRIEVAL RESULT 
MENU) 



step62 



SEND BY RETRIEVAL 
RESULT MENU TO USER 



step74 



SEND BY RETRIEVAL 
RESULT MENU TO USER 
BY WEB SERVER 
(HTTPD) 



step75 



END ^J) 



slep76 
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FIG. 28 



FLOW CHART FOR AUTOMATIC PREPARATION OF 
RETRIEVAL RESULT MENU 



Q START J) 



SELECT 
PROTOCOL 



step63 



step64 



LOAD TEMPLATE 
FILE 



step65 



step66 



INPUT FILE OF KEY WORD ITEM 
NUMBER 



step67 



OUTPUT TITLE 
DESCRIPTION PORTION 



step68 



i= 1 



step72 



INPUT ONE LINE FROM 
RETRIEVAL RESULT UST RLE 



Slep70 



step69 



i = i+ 1 



OUTPUT ONE LINE 
OF BOOK LIST 
PORTION 



step71 




NO 



YES 



step73 



c ) 
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20 • SYSTEM FOR PROVIDING ELECTRONIC CATALOG OF CLOTHING IN 
TWO MODES, i.e. VIA INTERNET WWW AND PERSONAL COMPUTER 
COMMUNICATION 

FIG.29 r^SSCT"""" 1 



OS, PROGRAM 







12 






13 






14 






15A 






15B 






17 







DIGITAL CONTENTS 



RIP 



11 



DISK 



HTML 



CLOTHING DATA BASE 



10A 



RIP 



TEMPLATE 




V 



i CD-R WRITER 




INTERNET 




TELEPHONE NETWORK 
19A — 




19B 
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FIG. 30 



PREPARATION OF CUSTOM TEMPLATE 1 



1. AUTOMATIC PREPARATION 
(A) DATA BASE 



COMMODITY NUMBER 

COMMODITY NAME: SWEATER 
COLOR: NAVY BLUE 
PATTERN : PLAIN 



(C) COMMODITY PAGE 



< HTML > 



(COMMODITY NUMBER) 



SWEATER 



NAVY BLUE 



</HTML> 



(B) TEMPLATE 



< HTML > 



@0 



@02 



1 



</HTML> 



INCORPORATE 
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FIG. 31 



PREPARATION OF CUSTOM TEMPLATE 2 



2 CORRECTION 



< HTML > 
• 




• 

COMMODITY NUMBER 




• 

SWEATER 




• 

NAVY BLUE 

* 




• 

</HTML > 





CORRECTION 



CORRECTION 



CORRECTION 



CORRECTION 



ooooo — ooooo 



COMMODITY PAGE AFTER CORRECTION 
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FIG. 32 



PREPARATION OF CUSTOM TEMPLATE 3 



(A) DATA BASE DATA 



COMMODITY' NUMBER 

COMMODITY NAME: SWEATER 
COLOR: NAVY BLUE 
PATTERN : PLAIN 



<« COMMODITY PAGE AFTER 
CORRECTION 



(HTML > 



(COMMODITY NUMBER) - 



SWEATER 



NAVY BLUE 



</HTML > 



(D) 



SUBSTITUTE TO @N 



< HTML > 
@01 
@02 
@03 



@11 
</HTML > 



CUSTOM TEMPLATE 



48 



EP 0 971 295 A1 



FIG. 33 



FLOW CHART FOR MODULE TO PREPARE COMMODITY PAGE 
step! 



step2 



^ START ^ 



READ RECORD 
NUMBER i FROM 
COMMODITY DATA 
BASE 



step3 



ACQUIRE CHARACTER 
STRING FOR DISPLAY 
SUITABILITY CODE 




step A 



step4 




YES 



SELECT OPTIMAL 
TEMPLATE 



step B 



SELECT CUSTOM 
TEMPLATE 



INCORPORATE 
VALUE OF EACH 
ITEM OF 
COMMODITY DATA 



stepi 4 



( E ) 



stepi 5 
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34 



FLOW CHART TO SELECT OPTIMAL TEMPLATE 
START ! step5 



Q START J 



i = 1 
opt(i) 



step6 



READ DISPLAY SUITABILITY CODE OF i- 

TH RECORD FROM 
TEMPLATE DATA BASE AND SUBSTITUTE 
TO TEMP $ 



COMPARE TEMP $ WITH PHOTO $ AND 

CHECK NUMBER OF COMMON 
DISPOSITION SUITABILITY ; SUBSTITUTE 
THE VALUE TO 



i = i + 1 



step9 



stepl 1 



NO 




stepl 0 



YES 

i 




OBTAIN 1 TO 


CORRESPOND TO 


MAXIMUM 


VALUE IN 


opt (i) 







stepl 2 



C ENP ) 



stepl 3 



step7 



step8 
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FIG. 35 



EXAMPLE OF COMMODITY PAGE SCREEN LAYOUT 



EXAMPLE 1 



COMMODITY NAME 
COMMODITY NUMBER — 
COPY 



NOTES FOR 
COMMODITY SUCH 
AS SIZE, COLOR, 



TITLE 



DECEMBER 8, 1997- 
YACHT PARKA A - OOOO 




DATE OF 
PREPARATION 



IMAGE 
PHOTOGRAPH 



EXAMPLE 2 



TITLE 



DECEMBER 8, 1997 
YACHT PARKA A - 0000 




DISPOSITION SUITABILITY 
OF PHOTOGRAPH 
(1) 



(2) 



LONGITUDINAL 
POSITION ; 
PORTRAIT 



LATERAL 
POSITION ; ( 3 ) 
LANDSCAPE 




DISPOSED 
AT RIGHT 



DISPOSED 
AT LEFT 



UPWARD OR 
DOWNWARD 
DISPOSITION 
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FIG. 36 



SYSTEM FOR SELECTING TEMPLATE DEPENDING 
ON QUANTITY OF DISPLAY ELEMENTS 



12 



13 




TEMPLATE FOR 2 IMAGES 



TEMPLATE FOR 3 IMAGES 



I4SQ 



I4LINE 



TEMPLATE FOR 4 IMAGES 
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DICTIONARY OF FABLES 
AND PROVERBS 



JAPANESE LANGUAGE 
DICTIONARY FOR SCHOOLS 



COMPREHENSIBLE JAPANESE 
LANGUAGE DICTIONARY 2 



COMPREHENSIBLE JAPANESE 
LANGUAGE DICTIONARY 1 



POCKET DICTIONARY 

FOR CLASSICAL JAPANESE 



POCKET DICTIONARY 
FOR CLASSICAL CHINESE 



DICTIONARY OF FABLES 
AND PROVERBS 



DICTIONARY FOR WORDS 
OF FOREIGN ORIGIN 
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FIG. 38 



ALGORITHM FOR SYNTHETIC METHOD 



(A) 



PICTURE OF A BOOK SHELF 
DISPLAYED WITH IMAGE DATA 
DIFFERENT FOR EACH BOOK 



(B) 



2 
o 



2 
ro 



2 
o 



2 

o 



A SINGLE BIT MAP PLANE IN SUCH SIZE AS TO 
INCLUDE THE ENTIRE BOOK 



O 

CD 

m 

8 

m 
O 



IMAGE DATA FROM IMG1 TO IMG1 1 
ARE COPIED ONE AFTER ANOTHER 



CONVERTED TO A SINGLE GIF DATA 
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